<template>
	<view>
		<swiper :indicator-dots="true" :autoplay="false" class="indexnavs-swiper">
			<swiper-item v-for="(pa,p) in pagges" :key="p" class="d-flex flex-wrap my-2">
				<view class="swiper-item  span-5 text-center" v-for="(indexnav,g) in pa" :key="g">
					<image :src="indexnav.src" class="indexnavs-img"></image>
					<view class="">
						{{indexnav.text}}
					</view>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name: "fast-navs",
		data() {
			return {

			};
		},
		props: {
			pagges: {
				type: Array
			}
		}
	}
</script>

<style scoped>
	.indexnavs-img {
		width: 88rpx;
		height: 88rpx;
	}

	.indexnavs-swiper {
		width: 750rpx;
		height: 350rpx;
	}
</style>